<template>
  <el-card class="box-card">
    <div slot="header" class="clearfix">
      <span>文献库</span>
      <el-link @click="change(1)" style="float: right; padding: 3px 0">国内文献库</el-link>
      <span style="float: right; padding: 3px 0">|</span>
      <el-link @click="change(2)" style="float: right; padding: 3px 0">国外文献库</el-link>
      <!--      <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>-->
    </div>
    <div v-for="item in items" :key="item.id" class="text item">
      {{item.title}}<br/>
      {{item.message}}
      <hr/>
    </div>
  </el-card>
</template>

<script>
  export default {
    name: "document_database",
    data() {
      return {
        items: [{
          id: 1,
          title: "中国人民共和国教育部令第37号《普通高等学校事会规程》",
          message: "《普通高等学校事会规程(试行)》已经2014年7月8日第21次部长办公会议审议通过，现予发布，自2014年9月1日起实施……",
        }, {
          id: 2,
          title: "中华人民共和国教育部令第36号普通高等学校招生违规行为处理暂行办法",
          message: "高校、高级中等学校（含中等职业学校，以下简称高中)、招生考试机构、主管教育行政部门及其招生工作人员、考生等，在高校招生工作过程中，违反国家有关教育法律法规和国家高等教育招生管理规定的行为认定及处理，适用本办法.......",
        },
          {
            id: 3,
            title: "中华人民共和国教育部令第33号教育部关于修改《国家教育考试违规处理办法》的决定",
            message: "为进一步保障考试安全，维护考试秩序，规范对国家教育考试中违规行为的处理，保障参加国家教育考试人员的合法权益，教育部决定对《国家教育考试违规处理办法》做如下修改:......",
          }
        ]
      }
    },
    methods: {
      change(index) {
        console.log("国内文献库");
      }
    }
  }
</script>

<style scoped>
  .text {
    font-size: 14px;
  }

  .item {
    margin-bottom: 10px;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }

  .clearfix:after {
    clear: both
  }

  .box-card {
    width: 370px;
  }
</style>
